﻿/*
公司:路路发网络信息有限公司
文件名:CSS\BBoffice.cs
作者:江怀玉
创建日期:2006-04-28
Email:iSunStudio@yahoo.com.cn
*/
/*
	通用的元素样式
*/
html,body { height:100%; margin:0;}
body
{
	margin-left:0;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	background-color:White;
	/*SCROLLBAR-FACE-COLOR: #D3DEF4;         /*滚动条顏色*/
	/*SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;  /*滚动条左與上內邊框*/
	/*SCROLLBAR-SHADOW-COLOR: #336699;     /*滚动条右與下內邊框*/ 
	/*SCROLLBAR-3DLIGHT-COLOR: #ffffff;      /*滚动条左與上外邊框*/ 
	/*SCROLLBAR-DARKSHADOW-COLOR: #ffffff;   /*滚动条右與下外邊框*/
	/*SCROLLBAR-ARROW-COLOR: #738DBE;        /*滚动条箭頭*/
	/*SCROLLBAR-TRACK-COLOR: #D4DFF5;        /*滚动条底色*/
	/*scrollbar-base-color : #738DBE;*/
	background-image:url(../images/pagebg.jpg) ;
}

TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #444444;
	text-decoration: none;
	border-collapse : collapse;
}
div
{
}

/*INPUT {
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px; 
	COLOR: #444444; 
}*/

/*吴碧涛修改*/
Input
{
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px; 
	COLOR: #444444; 
    border-top:1px solid #C0C8E4;
	border-left:1px solid #C0C8E4;
	border-bottom:1px solid #C0C8E4;
	border-right:1px solid #C0C8E4;
}

/*吴碧涛修改*/
SELECT {
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px; 
	COLOR: #444444;
	border-top:1px solid #C0C8E4;
	border-left:1px solid #C0C8E4;
	border-bottom:1px solid #C0C8E4;
	border-right:1px solid #C0C8E4;
	
	SCROLLBAR-FACE-COLOR: #D3DEF4;         /*滚动条顏色*/
	/*SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;  /*滚动条左與上內邊框*/
	/*SCROLLBAR-SHADOW-COLOR: #336699;     /*滚动条右與下內邊框*/ 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;      /*滚动条左與上外邊框*/ 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;   /*滚动条右與下外邊框*/
	SCROLLBAR-ARROW-COLOR: #738DBE;        /*滚动条箭頭*/
	SCROLLBAR-TRACK-COLOR: #D4DFF5;        /*滚动条底色*/
	scrollbar-base-color : #738DBE;
}


textarea {
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px; 
	COLOR: #444444;
}

/*吴碧涛修改*/
Textarea
{
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px; 
	COLOR: #444444;
	border-top:1px solid #C0C8E4;
	border-left:1px solid #C0C8E4;
	border-bottom:1px solid #C0C8E4;
	border-right:1px solid #C0C8E4;
}

a:link {
	color: #444444;
	text-decoration: none;
}


a:visited {
	color: #444444;
	text-decoration: none;
}


a:hover {
	color: #ff0000;
}

div.infomodule .msgnew td, .msgold td, .msgnews td, .msgolds td { border-style:solid none; border-width:1px 0; }


/* Data table */

.tbldata tbody td{border-bottom-color: solid 1px #E6E6E6;}
.tbldata tr.selected td {background-color:solid 1px #D6DEEC;}


.contentnav #filtercontrol span.filterbutton{background-color:#FFF;border-color:#FFF;}
.contentnav #filtercontrol span.hover{border-color:#C1C1C1;}
.contentnav #checkall, .contentnav #clearall{color:#039;}


/*
span元素,Id名为title的适用,应用于子项目标题样式
*/	
SPAN#title
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:18px;
 color:#FFFFFF;
}

span
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}
/*
<span id=title>通讯群组</span>
******************************************************************
*/


/*
Div元素,Id名为title的适用,应用于子项目标题样式
*/	
div#title
{
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   color:#FFFFFF;
}
/*
<div id=title>通讯群组</div>
*********************************************
*/

/*
用于TreeView的样式.
*/
.menuscroll
{
	background-color:#E3EAFC;
	SCROLLBAR-FACE-COLOR: #D3DEF4;        /*滚动条顏色*/
	/*SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;   /*滚动条左與上內邊框*/
	/*SCROLLBAR-SHADOW-COLOR: #336699;      /*滚动条右與下內邊框*/ 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;     /*滚动条左與上外邊框*/ 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;  /*滚动条右與下外邊框*/
	SCROLLBAR-ARROW-COLOR: #738DBE;       /*滚动条箭頭*/
	SCROLLBAR-TRACK-COLOR: #D4DFF5;       /*滚动条底色*/
	scrollbar-base-color : #738DBE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: red;
	font-weight: bold;
	width:200px;
	height:100%;
}

/*
Table元素适用
*/
table
{
	 border:0;
	 border-collapse : collapse;
}

/*
Table元素,ID命为main的适用
*/
table#main
{
	/*width:100%;*/
	border:0;
	height:100%;
	border-collapse:collapse;
}
/*******************************/

/*
table元素,ID命为bg的适用
*/
table#bg
{
    background:#F2F6FB
}
/*******************************/

/*
td元素,ID命为bg的适用
*/
td#bg
{
    background:#F2F6FB
}
/*******************************/

/*
超连接元素,ID名为menu的适用
*/
A:hover#menu
{
	COLOR:#ffffff; font-weight:bold;TEXT-DECORATION: none
}

A:active#menu
{
	COLOR: #ffffff;font-weight:bold; TEXT-DECORATION: none
}
A:link#menu
{
	COLOR: #ffffff;font-weight:bold; TEXT-DECORATION: none
}
A:visited#menu
{
	COLOR: #ffffff;font-weight:bold; TEXT-DECORATION: none
}
/*******************************/



/*
th元素,应用于List Table，用做数据窗口的标题栏的样式;
*/
th
{ 
	border-left: solid 1px #999999;
	border-top: solid 2px #666666;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
    height:22px;
	background-color:#455792;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #FFF;
	text-decoration: none;
}

.thclass
{ 
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
	background-color:#455792;
	font-size: 12px;
	line-height: 160%;
	color: #444444;
	text-decoration: none;
	border-top: solid 1px #3E518F;
	/*border-right: solid 1px #7184C2;*/
	border-bottom: solid 1px #7184C2;
	height:18px;
	background-color:#DBE0EF;
}
/*
例如：
<tr>
<th>姓名</th>
<th>年纪</th>
<th>生日</th>
</tr>
<tr>
<td>李四</td>
<td>28</td>
<td>2005-05-01</td>
</tr>
*/


/*
tr元素,ID为Theader适用,应用于List Table;

tr#THeader
{
	border-left: solid 1px white;
	border-top: solid 2px #666666;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
    height:18px;
	background-color:#455792;
}
*/


/*
td元素,当父元素TR的ID为Theader适用,应用于List Table[应用列表页];
*/
tr#Theader td
{
	border-top: solid 1px #3E518F;
	border-right: solid 1px #7184C2;
	border-bottom: solid 1px #7184C2;
    height:12px;
	background-color:#e1e5f2;
}

.trOut
{
}

.Over
{
	border-top: solid 1px #3E518F;
	border-right: solid 1px #7184C2;
	border-bottom: solid 1px #7184C2;
	border-left: solid 1px #7184C2;
}

.spans
{
	color:Red;
	font-size:14px;
}
/*
例如：
<tr id=Theader>
<td>姓名</td>
<td>年纪</td>
<td>生日</td>
</tr>
<tr>
<td>李四</td>
<td>28</td>
<td>2005-05-01</td>
</tr>
**********************************************************/




/*
定义Div下拉滚动条样式,应用于左栏树形菜单。
*/
div.scrollbar
{
	SCROLLBAR-FACE-COLOR: #D3DEF4;        /*滚动条顏色*/
	SCROLLBAR-HIGHLIGHT-COLOR: #4C6397;   /*滚动条左與上內邊框*/
	SCROLLBAR-SHADOW-COLOR: #336699;      /*滚动条右與下內邊框*/ 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;     /*滚动条左與上外邊框*/ 
	SCROLLBAR-DARKSHADOW-COLOR: #4C6397;  /*滚动条右與下外邊框*/
	SCROLLBAR-ARROW-COLOR: #738DBE;       /*滚动条箭頭*/
	SCROLLBAR-TRACK-COLOR: #D4DFF5;       /*滚动条底色*/
	scrollbar-base-color : #738DBE;
}

.pagebg
{
	scrollbar-3dlight-color : #bbbbbb;
	scrollbar-arrow-color : #888888;
	scrollbar-base-color : #888888;
	scrollbar-darkshadow-color :#ffffff;
	scrollbar-face-color : #e0e0e0;
	scrollbar-highlight-color : #ffffff;
	scrollbar-shadow-color :#b0b0b0;
	background-color:#f5f5f5;
}
/*
<div calss=scrollbar>
do something here 
</div>
**********************************************************/


/*
定义IE下拉滚动条样式，用于浏览器边框样式
*/
body.scrollbar
{
	SCROLLBAR-FACE-COLOR: #FFFFFF;        /*滚动条顏色*/
	SCROLLBAR-HIGHLIGHT-COLOR: #336699;   /*滚动条左與上內邊框*/
	SCROLLBAR-SHADOW-COLOR: #336699;      /*滚动条右與下內邊框*/ 
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;     /*滚动条左與上外邊框*/ 
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;  /*滚动条右與下外邊框*/
	SCROLLBAR-ARROW-COLOR: #336699;       /*滚动条箭頭*/
	SCROLLBAR-TRACK-COLOR: #FFFFFF;       /*滚动条底色*/
	background-color:E6ECFC;
}
/******************************************************************/

/*
定义ID为scrollbar/ 用于定义左边菜单DIV的样式
*/
div#scrollbar
{
	SCROLLBAR-FACE-COLOR: #D3DEF4;        /*滚动条顏色*/
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;   /*滚动条左與上內邊框*/
	SCROLLBAR-SHADOW-COLOR: #336699;      /*滚动条右與下內邊框*/ 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;     /*滚动条左與上外邊框*/ 
	SCROLLBAR-DARKSHADOW-COLOR: #4C6397;  /*滚动条右與下外邊框*/
	SCROLLBAR-ARROW-COLOR: #738DBE;       /*滚动条箭頭*/
	SCROLLBAR-TRACK-COLOR: #D4DFF5;       /*滚动条底色*/
	background-color:E6ECFC;
}
/******************************************************************/




/*
    定义div下Table元素的样式
*/

/********************************************************************/




/*
   背景颜色和图片
*/
.BackGround 
{
	background-color:#f5f5f5;	
}

.BackImage
{
	background-image:url(gif.gif);
}

.menu
{
	background-image:url(../images/submenubg.gif);
	white-space:nowrap;
}

.tab
{
	background-image:url(../images/bg_tab.gif);
	border-bottom: solid 1px #979797;
	font-size:12px;
	color:#979797;
	text-align:center; 
	height:28px;
	background-repeat:repeat-x;
}
.titlebg
{
		background-image:url(../images/dwtitlebg.jpg);
		height:12px;
}
.clsbg
{
		background-image:url(../images/cls.jpg);
		width:28px;
		height:25px;
}
.tabw
{
	width:60px;display:inline
}

.tabs
{
	background-color:#ffffff;
	border-bottom: solid 1px #979797;
	border-right: solid 1px #979797;
	border-left: solid 1px #979797;
	border-top: solid 1px #979797; 
}

.nv
{
	background-color:#ffffff;
	border-bottom: solid 1px #979797;
	border-right: solid 1px #979797;
	border-left: solid 1px #979797;
	border-top: solid 1px #979797; 
	height:100%;
}
.nvt
{
	border-right: solid 1px #979797;
	border-left: solid 1px #979797;
	border-top: solid 1px #979797; 
	height:40px;
}
.nvb
{
	border-bottom: solid 1px #979797;
	border-right: solid 1px #979797;
	border-left: solid 1px #979797;
	height:40px;
}
.s
{
	background-image:url(../images/s.jpg);
}
.w
{
	width:12px;
}
.c
{
	width:110px;
	height:21px;
	border:1px #ccc solid;
	background:"#fff";
}
.wihte
{
	background-color:#ffffff;
}

.SelectedTab
{
	background-color:#ffffff;
	border-bottom:solid 1px #ffffff;
	border-right: solid 1px #979797;
	border-left: solid 1px #979797; 
	font-size:12px; 
	font-weight:bold; 
	color:#03329A; 
	background:#fff;
	text-align:center;
	height:28px
}
/* 自定义下拉列表  */
.listmouseout
{
	background-color : #fff;
	cursor:hand;
	color:#000;
}
.listmouseover
{
	background-color : #fff;
	color:#000;	
	cursor:hand;
}
/*******************************************************************/



/*
   TEXTarea的下拉滚动条样式
*/
TEXTAREA.scrollbar
{
	SCROLLBAR-FACE-COLOR: #D3DEF4;        /*滚动条顏色*/
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;   /*滚动条左與上內邊框*/
	SCROLLBAR-SHADOW-COLOR: #336699;      /*滚动条右與下內邊框*/ 
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;     /*滚动条左與上外邊框*/ 
	SCROLLBAR-DARKSHADOW-COLOR: #4C6397;  /*滚动条右與下外邊框*/
	SCROLLBAR-ARROW-COLOR: #738DBE;       /*滚动条箭頭*/
	SCROLLBAR-TRACK-COLOR: #D4DFF5;       /*滚动条底色*/
}


/*
自定义主标题栏背景图
*/
Table#SubTitle td
{
	background-image:url(/newimages/common/titlebgpic.gif);
}


TD#MTitle
{
	background-image:url(/newimages/Common/bg.gif);
}


/*例如：*/
/*
子窗口的自定义标题
*/
TD#SubTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 1px;
	height:23px;
}


/*
适用于Toolbar工具条.
*/
.toolbar
{
	background-color:#779BDF;
}

/*
适用于背景颜色
*/
.pagebg
{
	background-color:#F1F3F9;
}
/*
适用工具箱
*/
Table#SubToolbar td
{
	background-image:url(/newimages/Toolbar/cellbg.jpg);
}

/*
适用于按钮

INPUT.button
{
	border-bottom: none;
	border-top: none;
	border-left: none;
	border-right: none;
}
*/

.UpBorder
{
	border-left: solid 1px #7184C2;
	border-top: solid 1px #7184C2;
	border-right: solid 1px #7184C2;
	border-bottom: solid 1px #7184C2;
	height:18px;
	WHITE-SPACE: nowrap; 
	POSITION: relative;
}

.thBorder
{
	border-left: solid 1px #7184C2;
	border-top: solid 1px #7184C2;
	border-right: solid 1px #7184C2;
	border-bottom: solid 1px #7184C2;
	height:18px;
	WHITE-SPACE: nowrap; 
	POSITION: relative;
	
}

/**************************************************************************/

.OverTable
{
	border-top:solid 1px #F1F4F9;
	border-left:solid 1px #F1F4F9;
	border-right:solid 1px #F1F4F9;
	border-bottom:solid 1px #F1F4F9;
	background-color:Blue;
}

.OutTable
{
	
}

/* add by davidlee */
/* 用TD作切换按钮的样式 */
.selectplink /* 为当前项时*/
{	
	border-bottom:solid 2px #333333;
	height:25px;
}

.defaultplink /* 为非当前项时*/
{
	border-bottom:solid 2px #F4FCFC;
	height:25px;
}

#SearchBar
{
	background-image:url(../images/search.jpg);
	height:60px;
	width:200px;
}
#MainMenu
{
	background-image:url(../images/startbg.jpg);
	height:46px;
}
#titles
{
	background-image:url(../images/titlebg.jpg);
}  
	/*input{behavior:url(input.htc); border:1px #ccc solid; background:#fff; width:160px;}
    input:hover{border:1px #f60 solid;background:#f5f5f5;}
	*/
button
{  
	BORDER-RIGHT: 2px outset;
	BORDER-TOP: 2px outset;
	FONT-SIZE: 12px;
	BORDER-LEFT: 2px outset;
	BORDER-BOTTOM: 2px outset;
	BORDER-RIGHT: #7b9ebd 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #7b9ebd 1px solid; 
	PADDING-LEFT: 2px; 
	FONT-SIZE: 12px; 
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);
	BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand;
	COLOR: black; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #7b9ebd 1px solid;
	MARGIN-RIGHT: 0.2em;
}



ul{   list-style-image: url(../images/i.p.new.gif);

}
 li
 {	list-style-image: url(../images/i.p.new.gif);

 }
/*<!--
	margin-left :0px;
	margin-top:0px;
	cursor:hand;
	padding-left: -20px;


	  height:0pt;
	  padding:0pt 5pt 0pt 2pt;

 #header
   {c
	width:100%; 
	margin:0 auto;
	text-align:center;
	background:#FF9400; 
	height:50px;
	position:absolute;
	top:0; 
 }
 #EipBody
  {
		width:100%;
		margin:0; 
		background:#eee; 
		top:50px;
		height:100%;
		position:absolute;
		DISPLAY: inline; 
		OVERFLOW: auto;
   }
   
#Left
{
     BACKGROUND: #f1f1f1; FLOAT: left; WIDTH: 200px;
}
#OC
{
	 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #dff7ff; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH:5px;height:80%; PADDING-TOP: 0px
}
#Main 
{
	 BACKGROUND: #ffebcc;FLOAT: left; WIDTH:810px
}
#Welcome
 {
	width:200px;
	background:#eee; 
	height:100px;
	DISPLAY: inline; 
	OVERFLOW: auto;
 }
#Nv
 {
	width:200px;
	background:#eee; 
	top:150px;
	height:300px;
	DISPLAY: inline; 
	OVERFLOW: auto;
 }     
 #footer
{
width:100%;
margin:0 auto;
text-align:center; 
background:#f00; 
height:50px; 
position:absolute; 
bottom:0; 
}
->>*/
  
 
/*定义菜单方框的样式1*/
.skin0 {
position:absolute;
padding-top:4px;
text-align:left;
width:100px;               /*宽度，可以根据实际的菜单项目名称的长度进行适当地调整*/
border:2px solid black;
background-color:menu;     /*菜单的背景颜色方案，这里选择了系统默认的菜单颜色*/
font-family:"宋体";
line-height:20px;
cursor:default;
visibility:hidden;        /*初始时，设置为不可见*/
}
/*定义菜单方框的样式2*/
.skin1 {
padding-top:4px;
cursor:default;
font:menutext;
position:absolute;
text-align:left;
font-family: "宋体";
font-size: 10pt;
width:100px;              /*宽度，可以根据实际的菜单项目名称的长度进行适当地调整*/
background-color:menu;    /*菜单的背景颜色方案，这里选择了系统默认的菜单颜色*/
border:1 solid buttonface;
visibility:hidden;        /*初始时，设置为不可见*/
border:2 outset buttonhighlight;
}
 